<template>
<div id="app">
      <router-view></router-view>
      <tabbar>
            <tabbar-item selected>
                <img src="./assets/tabbarIndex.png" slot="icon">
                <span slot="label">首页</span>
            </tabbar-item>
            <tabbar-item badge="3">
                <img src="./assets/tabbarRent.png" slot="icon">
                <span slot="label">租车</span>
            </tabbar-item>
            <tabbar-item show-dot>
                <img src="./assets/tabbarLine.png" slot="icon">
                <span slot="label">线路</span>
            </tabbar-item>
            <tabbar-item>
                <img src="./assets/tabbarGuide.png" slot="icon">
                <span slot="label">攻略</span>
            </tabbar-item>
      </tabbar>
</div>
</template>

<script>
import {
  Tabbar,
  TabbarItem
} from 'vux'

export default {
  name: 'app',
  components: {
    Tabbar,
    TabbarItem
  }
}
</script>

<style lang="less">@import '~vux/src/styles/reset.less';

body {
    background-color: #fbf9fe;
}
</style>
